html body{
    /*overflow: auto;*/
}

.p-main-prize{
    height: 21.28rem;
    background: url("images/Task.png");
    background-size: 100% 100%;
    /*display: none;*/
}
.pr-left{
    background: url("images/left_arrow.png");
    width: 0.9rem;
    height: 0.9rem;
    float: left;
    position: relative;
    left: 0.3rem;
    background-size: 100% 100%;
}
.pr-header{
    height: 4.08rem;
    position: relative;
    top: 1rem;
}
.pr-center{
    background: url("images/Picture.png");
    background-size: 100% 100%;
    height: 3.168rem;
    width: 10.272rem;
    margin: 0 auto;
}

.pr-guild{
    width: 10.032rem;
    height: 0.96rem;
    background-color: #aa9177;
    border: 2px solid #ffae0b;
    border-radius: 1rem;
    margin: 0.5rem auto 0;
    font-size: 0.5rem;
    color: white;
}
.pr-guildContent{
    width: 7.5rem;
    height: 0.9rem;
    text-align: center;
    line-height: 0.9rem;
}
.pr-guildPic{
    width: 3rem;
    float: right;
    position: relative;
    top: -1.099rem;
    left: 0.2rem;

}
.img{
width: 0.6rem;
position: relative;
top: 0.2rem;
}
.pr-cenclose{
    width: 12rem;
    height: 1.2rem;
    text-align: center;
}
.pr-gerr{
    text-align: center;
    width: 12rem;
    height: 1rem;
    font-size: 0.5rem;
    float: left;
    color: #9b5004;
}
.foot-img{
    width: 0.6rem;
    position: relative;
    top: -0.6rem;
}
.pr-banner{
    height: 4.176rem;
    width: 11.2rem;
    background: #FFFFFF;
    margin: 0 auto;
    margin-top: 0.3rem;
    position: relative;
    top: 0.8rem;
}
.pr-banner img{
    height: 4.176rem;
    width: 11.2rem;
    margin-top: -0.3rem;
    margin-left: -0.03rem;
}


.p-Popup{
    background: url("images/Opportunity.png");
    background-size: 100% 100%;
    width: 10.56rem;
    height: 14.544rem;
    margin: 0 auto;
    position: relative;
    top: -18rem;
    display: none;
    z-index: 999;
}
.x-hide-clos{
    width: 1.2rem;
    height: 1.2rem;
    float: right;
}
.x-hide-option{
    width: 100%;
    height: 100%;
    background: #332F2F;
    position: fixed;
    top: 0;
    opacity: 0.6;
    z-index: 9;
    display: none;
}
.back{
    margin-left:0.2rem;
}
.p-Popup-img{
    text-align: center;
    position: relative;
    top: 1rem;
}

.p-pop-t{
    position: relative;
    top: 1.5rem;
    text-align: center;
}
.p-pop-lucky{
    font-size: 0.64rem;
}
.p-pop-receive{
    font-size: 0.6rem;
    margin-top: 0.5rem;
}
.p-pop-reward{
    font-size: 0.5rem;
    margin-top: 0.3rem;
}
.recom_btn_h{
   position: relative;
   left: -2rem;
}
.recom_btn_inp{
   position: relative;
    left:2rem;
}
.p-pop-bt{
    position: relative;
    top: 2.2rem;
    font-size: 0.7rem;
    color: #671c02;
}
.p-pop-bt-popup{
    height: 1.248rem;
    width: 3.984rem;
    background: #ffae0b;
    line-height: 1.248rem;
    border-radius: 1rem;
    text-align: center;
    position: relative;
    left: 1rem;
}
.p-pop-bt-reward{
    float: right;
    height: 1.248rem;
    width: 3.984rem;
    background: #ffae0b;
    line-height: 1.248rem;
    border-radius: 1rem;
    text-align: center;
    position: relative;
    top: -1.2rem;
    left: -1rem;
}
.p-pop-back{
    height: 4.384rem;
    width: 10.16rem;
    background: #f5e4b9;
    border-radius: 0.2rem;
    position: relative;
    top: 1.6rem;
    margin: 0 auto;
    overflow: hidden;
}

.p-pop-back-fl{
    font-size: 0.52rem;
    float: right;
    position: relative;
    top: -1.5rem;
    left: -0.5rem;
}
.p-pop-Zambia-img{
    width: 3rem;
    position: relative;
    left: -1rem;
    top: 0.3rem;
}

.p-pop-sibmit{
    color: #7b6040;

}
.p-pop-rem-code{
    margin-top: 0.3rem;
    color: #947554;
}
.p-pop-remm-c{
    position: relative;
    font-size: 0.6rem;
    width: 10.456rem;
}
.p-pop-remm-le{
    background: #29cfbd;
    width: 5rem;
    height: 1.2rem;
    line-height: 1.2rem;
    color: #fff;
    border-radius: 1rem;
    text-align: center;
    position: relative;
    left: 1rem;
}
.p-pop-remm-rl{
    float: right;
    position: relative;
    top: -1rem;
    left: -1rem;
    color: #29cfbd;
}











